import Vue from 'vue'
import App from './App.vue'
import '@/utils/console.js'
import router from './router'
import store from './store'
import '@/styles/reset.css'
import '@/mobile/flexible.js'
import '@/VantUse'
// import hljs from 'highlight.js' // hljs对象
import 'highlight.js/styles/default.css' // 代码高亮的样式
Vue.config.productionTip = false
// 自定义指令
Vue.directive('focus', {
  inserted(el) {
    const Name = el.tagName // 返回的是标签名称 大写的字符串 例如el绑在了div上 那Name就是DIV
    // console.log(Name)
    if (Name === 'TEXTAREA' || Name === 'INPUT') {
      el.focus()
    } else {
      // el本身不是输入框 尝试向下获取 input或textarea
      const TheInput = el.querySelector('input')
      const TheTxt = el.querySelector('textarea')
      if (TheInput) return TheInput.focus()
      if (TheTxt) return TheTxt.focus()
    }
  },
  update(el) {
    const Names = el.tagName // 返回的是标签名称 大写的字符串 例如el绑在了div上 那Name就是DIV
    // console.log(Names)
    if (Names === 'TEXTAREA' || Names === 'INPUT') {
      el.focus()
    } else {
      // el本身不是输入框 尝试向下获取 input或textarea
      const TheInput = el.querySelector('input')
      const TheTxt = el.querySelector('textarea')
      if (TheInput) return TheInput.focus()
      if (TheTxt) return TheTxt.focus()
    }
  },
})
new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app')
